import Label from '../Label'
import ScrollBoard from '@jiaminghi/data-view-react/es/scrollBoard'
import './table.scss'

const config = {
  header: ['业务类型', '总产值(万)', '同比增长', '县市排名'],
  data: [
    ['穆棱市生产总值', '169.7亿元', '4.8%', '第1'],
    ['农林牧渔总产值', '66.6亿元', '3.2%', '第1'],
    ['社会消费品零售总额', '44.9亿元', '8.1%', '第4'],
  ],
  headerHeight: 40,
  columnWidth: [160],
  align: ['left', 'right', 'center', 'center'],
  headerBGC: 'transparent',
  oddRowBGC: 'transparent',
  evenRowBGC: 'transparent',
  rowNum: 3,
  hoverPause: false,
}
export default function Section1(props: React.HTMLAttributes<HTMLElement>) {
  return (
    <Label {...props} divider title="走进穆棱">
      <ScrollBoard config={config} />
    </Label>
  )
}
